{extend name="layout/layout" /}
{block name="title"}美食情绪研究室{/block}
{block name="container"}

<div class="page-banner">
    <img src="{$banner}" alt="" srcset="">
    <div class="page-title">
        <h1>美食情绪研究室</h1>
        <span>- INSTITUTE -</span>
        <img src="/template/assets/images/box-bg-circle.png" alt="">
    </div>
</div>

<div class="page-bd">
    <!-- Intro Start -->
    <div class="intro-section" data-aos='fade-up'>
        <div class="container">
            <div class="intro-wrapper">
                <span class="section-title-en">{$intro.title_en}</span>
                <h1 class="section-title">{$intro.title}</h1>
                <p class="section-desc">{$intro.content}</p>
                <img src="/template/assets/images/institude-el-1.png" alt="" id="el-1">
                <img src="/template/assets/images/institude-el-tuzi.png" alt="" id="tuzi">
            </div>
        </div>
    </div>
    <!-- Intro End -->

    <!-- Research Start -->
    <div class="research-section">
        <div class="container">
            <div class="research-wrapper">
                <div class="research-box" data-aos='fade-right'>
                    <img class="research-img" src="/template/assets/images/Institute-research.jpeg" alt="">
                </div>
                <div class="research-box" data-aos='fade-left'>
                    <span class="section-title-en">LOW-CALORIE RESEARCH</span>
                    <div class="research-content">
                        <h1 class="section-title">低卡研究</h1>
                        <p class="section-desc">以低卡为核心，进行食品配方迭代改进， <br>探索更多元的低卡健康美食</p>
                    </div>
                    <img src="/template/assets/images/institude-el-2.png" alt="" id="el-2">
                </div>
            </div>
        </div>
    </div>
    <!-- Research End -->
</div>
{/block}